<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="background-color: #FFA500;height: 100px;width: 500px;">
    <div style="width: 80%;float: left;background-color: #0f0f0f;height: 90px;"></div>
    <div style="width: 20%;float: left;background-color: #2b542c;height: 80px;"></div>
</div>
<div style="background-color: #9dff3e;height: 100px;width: 500px;">
    <div style="width: 40%;height: 90px;background: #43a383;float: left;"></div>
    <div style="width: 60%;height: 80px;background-color: #ff342a;float: left;"></div>
</div>
<div style="background-color: #9dff3e;height: 100px;width: 500px;">
    <div style="width: 40%;height: 90px;background: #43a383;float: left;"></div>
    <div style="width: 60%;height: 80px;background-color: #ff342a;float: left;"></div>
</div>
<div style="background-color: #ff3d89;height: 100px;width: 500px;">
    <button style="width: 60%;height: 60%;font-size: 40px;margin-left: 20%;">
        登录
    </button>
</div>
<div style="background-color: #4329ff;height: 300px;width: 500px;"></div>
<div style="background-color: #51ffd8;height: 100px;width: 500px;">
    <!--三个等宽的div-->
    <div style="width: 33%;height: 80%;background-color: #0f16ff;float: left;"></div>
    <div style="width: 33%;height: 80%;background-color: #26b129;float: left;"></div>
    <div style="width: 33%;height: 80%;background-color: #ff2f2a;float: left;"></div>

</div>
</body>
</html>